<!doctype html>
<html>

<head>
<meta charset="UTF-8">
<title>扫雷网页版</title>
    <!--标题栏-->
    <link rel="icon" href="minesweeper/swptop01.ico" type="image/x-icon">
    <!--收藏夹-->
    <link rel="shortcut icon" href="minesweeper/swptop01.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="minesweeper/css2021v1.css?v=20210914" />
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?1e6b54e22f8dbb95bb10234f0de47ea1";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>

    <!--主窗口-->
    <div id="minesweeper" class="window">
            <!--顶栏-->
            <div class="window-title">
    
                <div id="move-mine" class="window-title-left-span">扫雷</div>
    
                <div class="window-title-right-icon">
    
                    <span class="m-point3"></span>
    
                </div>
    
            </div>
            <!--工作区域-->
            <div class="window-container">
                <!--设置选项-->
                <div id="opt">
                    <!--设置菜单列表-->
                    <div id="opt-list">
                        
                        <ul>
                            <li id="opt-restart">重新开始</li>
    
                            <li><span class="right-tri">难度<i class="spot"></i></span>
                                <ul class="opt-level">
                                    <li>初级</li>
                                    <li>中级</li>
                                    <li>高级</li>
                                </ul>
                            </li>
                           
                            <li><span class="right-tri">颜色<i class="spot"></i></span>
                                <ul class="opt-bg">
                                    <li>绿色</li>
                                    <li>棕色</li>
                                    <li>蓝色</li>
                                </ul>
                            </li>

                            <li id='opt-custom'>自定义</li>

                            <li id='hint-switch'>问号 : </li>
                           
                            <li id="opt-info">统计信息</li>
    
                            <li id="opt-about">关于</li>

                            <li style="display: none;"><a target="_blank" style="color: green; text-decoration: none;" href="https://zhangxiaoleiwk.gitee.io/saolei2.html">新版本!</a></li>
                        </ul>
                    </div>
                </div>
    
                <!--顶部信息-->
                <div id="topTools">
                    <div class="toolBox"><span class="label">时间</span><br><span id="timer">0</span></div>
                    <div class="toolBox"><span class="label">地雷</span><br><span id="mineNum">&nbsp</span></div>
                </div>
    
                <!--格子工作区域-->
                <div class="desk_border">
                    <div id="desk"></div>
                </div>
            </div>
        </div>
        <!--END-->
    
        <!--获胜窗口-->
        <div id="games-win-window" class="window">
            <div class="window-title">
                <div  id="move-win" class="window-title-left-span">恭喜！</div>
                <div class="window-title-right-icon">
                    <span class="point3"></span>
                </div>
            </div>
    
            <div class="window-container">
                <div id="games-win-content">
                    <span>完成!</span>
                    <span id="spendTime"></span>
                </div>
                <div class="restart-bt-box">
                    <button id="box-restart" class="button">重新开始</button>
                    <button class="button point3">关闭</button>
                </div>
            </div>
        </div>

        <!--失败窗口-->
        <div id="games-lost-window" class="window">
            <div class="window-title">
                <div id="move-lost" class="window-title-left-span">失败！</div>
                <div class="window-title-right-icon">
                    <span class="point3"></span>
                </div>
            </div>
        
            <div class="window-container">
                <div id="games-lost-content">
                    <span>触雷!</span>
                    <span>完成 <b id='degree' style="color: orange;"></b>%</span>
                </div>
                <div class="restart-bt-box">
                    <button id="box2-restart" class="button">重新开始</button>
                    <button class="button point3">关闭</button>
                </div>
            </div>
        </div>
    
        <!--信息统计-->
        <div id="games-info-window" class="window">
    
            <div class="window-title">
                <div  id="move-info" class="window-title-left-span">统计信息</div>
                <div class="window-title-right-icon">
                    <span class="point3"></span>
                </div>
            </div>
    
            <div class="window-container">
    
                <div id="contentBox">

                    <div class="info-top-label">
                        <span id="normal-info">初级</span>
                        <span id="middle-info">中级</span>
                        <span id="hard-info">高级</span>
                    </div>

                    <div id="threeInfo">
                        <div id="win5">
                            <span>最佳成绩</span>
                            <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div id="win5info">
                            <ul>
                                <li>总局：<span></span></li>
                                <li>已胜：<span></span></li>
                                <li>胜率：<span></span></li>
                                <li>最多连胜：<span></span></li>
                                <li>最多连败：<span></span></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="reset-game-data">
                    <button class="button point3">关闭</button>
                    <button id='rst-data' class="button">清除</button>
                </div>
            </div>
        </div>

                <!--自定义窗口-->
                <div id="games-custom-window" class="window">
                    <div class="window-title">
                        <div id="move-custom" class="window-title-left-span">自定义</div>
                        <div class="window-title-right-icon">
                            <span class="point3"></span>
                        </div>
                    </div>
                
                    <div class="window-container">
                
                        <div class="custom">
                
                            <div>宽度 (9-30)<input min='9' max="30" id='custom-w' type="number" value="9" /></div>
                            <div>高度 (9-24)<input min="9" max="24" id='custom-h' type="number" value="9" /></div>
                            <div>地雷 (10-667)<input min="10" max="667" id='custom-n' type="number" value="10" /></div>
                
                        </div>
                
                        <div class="custom-tips">自定义模式下不能保存成绩！</div>
                
                        <div class="custom-bt-box">
                            <button class="button point3">取消</button>
                            <button id='custom-bt' class="button">开始</button>
                        </div>
                    </div>
                </div>
    
        <!--关于-->
        <div id="about-games-window" class="window">
    
            <div class="window-title">
                <div  id="move-about" class="window-title-left-span">关于</div>
                <div class="window-title-right-icon">
                    <span class="point3"></span>
                </div>
            </div>
    
            <div class="window-container">
                <div id="about-games-content">
                    <div>问题反馈：zhangxiaolei@outlook.com</div>
                </div>
            </div>
        </div>

    <script src="minesweeper/js2021v2.js?v=20210914"></script>
    
</body>

</html>